<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--4、 后代选择器 (包含选择符)
		选择器之间用空格隔开
		5、子元素选择器
		直接选取子元素
		选择器之间以>间隔-->
		<style type="text/css">
			/* div ul li{
				color: red;
			}
			div h3{
				color: blue;
			} */
			.view3>p{
				color: red;
			}
		</style>
	</head>
	<body>
		<!-- <div>
			<h3>
				今天重大新闻
			</h3>
			<ul>
				<li>aaaa</li>
				<li>bbbb</li>
				<li>cccc</li>
			</ul>
		</div>
		<h3>ssss</h3> -->
		<div class="view3">
			<p>view3的儿子</p>
			<div>
				<p>view3的孙子</p>
			</div>
			<p>我是view3的儿子吗</p>
		</div>
	</body>
</html>
